<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/2/16
  Time: 14:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>添加人员</title>
</head>
<body>
<%--     <td>人员姓名</td>
                <td>户口所在地</td>
                <td>人员年龄</td>
                <td>家庭住址</td>--%>
    <form action="savePerson" method="post">
        <table>
          <tr>
            <td>人员姓名:</td>
            <td><input type="text" name="personname"></td>
          </tr>
          <tr>
            <td>户口所在地:</td>
            <td>
                <%--    此处的数据需要从数据库获取，获取的方式有两种，
第一种来到这个页面之前获取（简单）
第二种，来到页面之后自动获取（ajax）           --%>
                <%--  <option value="1">海淀区1</option>
                  <option value="2">海淀区2</option>
                  <option value="3">海淀区3</option>--%>
              <select name="personareaid">
                <c:forEach items="${areaList}" var="area">
                    <option value="${area.areaid}" >${area.areaname}</option>
                </c:forEach>
              </select>
            </td>
          </tr>
          <tr>
            <td>人员年龄:</td>
            <td><input type="number" name="personage" required min="1" max="199"></td>
          </tr>
          <tr>
            <td>家庭住址:</td>
            <td><input type="text" name="personaddress" ></td>
          </tr>
          <tr>
            <td colspan="2">
                <input type="submit" value="添加">
                <input type="reset" value="重置">
            </td>
          </tr>

        </table>

    </form>
</body>
</html>
